import React from 'react'
import { Tabs } from 'react-vant'
import { useNavigate } from 'react-router-dom'
import { NavBar } from 'antd-mobile'
//引入组件
import AllNew from '../component/AllNew'
import AllFashion from '../component/AllFashion'
import AllEducation from '../component/AllEducation'
import AllPropertie from '../component/AllPropertie'
import AllCars from '../component/AllCars'

export default function News() {
    const navigate = useNavigate();
    return (
        <div>
            <NavBar onBack={() => { navigate("/Lifepay") }}>生活资讯</NavBar>
            <Tabs >

                <Tabs.TabPane title={`新闻`}>
              
                    <AllNew></AllNew>
                </Tabs.TabPane>

                <Tabs.TabPane title={`时尚`}>
                    <AllFashion></AllFashion>
                </Tabs.TabPane>

                <Tabs.TabPane title={`教育`}>
                    <AllEducation></AllEducation>
                </Tabs.TabPane>

                <Tabs.TabPane title={`房产`}>
                    <AllPropertie></AllPropertie>
                </Tabs.TabPane>

                <Tabs.TabPane title={`汽车`}>
                    <AllCars></AllCars>
                </Tabs.TabPane>


            </Tabs>


        </div>
    )
}
